<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>会员信息</title>
    <!-- Bootstrap -->
    <link href="../assets/css/mui.min.css" rel="stylesheet">
    <link href="fonts/iconfont.css" rel="stylesheet">
    <link href="../assets/css/style.css" rel="stylesheet" />
    <link href="../assets/css/boss_content.css" rel="stylesheet" />
  </head>

  <body>
    <header id="header" class="mui-bar mui-bar-nav">
      <h1 class="mui-title">会员信息</h1>
      <button class="mui-action-back mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left">
      <span class="mui-icon mui-icon-left-nav"></span>返回</button>
      <a class="mui-pull-right headerright"><i class="icon iconfont icon-gengduo"></i></a>
    </header>
    <div class="mui-content">
      <!--会员信息块一-->
      <div class="vip-info">
        <div class="personal kuaibgColor">
          <span class="personal-img"><img src="../assets/images/8c1001e93901213f670feeba5de736d12f2e959c.jpg" class="personal-portrait"></span>
          <span class="personal-username">王垚</span>
          <span class="personal-locale">北京</span>
          <span class="personal-tel mui-pull-right">13613315245</span>
        </div>
        <div class="vip-cardnumber vip-info-item kuaibgColor">
          会员卡号：1045021
        </div>
        <div class="concern-time vip-info-item kuaibgColor">
          关注时间：2016-12-31
        </div>
      </div>
      <!--会员信息块二-->
      <div class="vip-account">
        <div class="account-consume kuaibgColor">累计消费：452元</div>
        <div class="account-storeValue kuaibgColor">累计储值：7869元</div>
        <div class="account-give kuaibgColor">储值赠送：450元</div>
        <div class="account-balance kuaibgColor">当前余额：90元</div>
      </div>
      <!--会员信息块三-->
      <div class="consum-record">
        <div class="consum-record-title">
          <span class="consum-title-pre"></span>消费记录
        </div>
        <div class="consum-record-content">
          <div class="consum-record-item mui-row">
            <div class="mui-col-xs-4 consum-sum">500元</div>
            <div class="mui-col-xs-4 consum-store">大圣烧烤</div>
            <div class="mui-col-xs-4 consum-date">2016-12-31</div>
          </div>
          <div class="consum-record-item mui-row">
            <div class="mui-col-xs-4 consum-sum">500元</div>
            <div class="mui-col-xs-4 consum-store">大圣烧烤</div>
            <div class="mui-col-xs-4 consum-date">2016-12-31</div>
          </div>
          <div class="consum-record-item mui-row">
            <div class="mui-col-xs-4 consum-sum">500元</div>
            <div class="mui-col-xs-4 consum-store">大圣烧烤</div>
            <div class="mui-col-xs-4 consum-date">2016-12-31</div>
          </div>
          <div class="consum-record-item mui-row">
            <div class="mui-col-xs-4 consum-sum">500元</div>
            <div class="mui-col-xs-4 consum-store">大圣烧烤</div>
            <div class="mui-col-xs-4 consum-date">2016-12-31</div>
          </div>
        </div>
      </div>
      <!--脚步按钮-->
      <div style="height: 60px;"></div>
      <div class="vip-footer kuaibgColor mui-row">
        <div class="mui-col-xs-6 footer-btnone">
          <button type="button" class="mui-btn mui-btn-warning mui-btn-outlined orange-btn">优惠赠送</button>
        </div>
        <div class="mui-col-xs-6 footer-btntwo">
          <button type="button" class="mui-btn mui-btn-success mui-btn-outlined green-btn">发送消息</button>
        </div>

      </div>
    </div>
    <script src="../assets/js/jquery.min.js"></script>
    <script src="../assets/js/mui.js"></script>
  </body>

</html>